import { Avatar, Divider } from 'antd'
import '../styles/author.css'
import { GithubOutlined, QqOutlined, WechatOutlined } from '@ant-design/icons'

const Author = () => {
  return (
    <div className="author-div comm-box">
      <div><Avatar size={100} src="https://portrait.gitee.com/uploads/avatars/user/2627/7883334_zhonghuran_1596609320.png!avatar60"/></div>
      <div className="author-intro">
        光头程序员，专注于WEB和移动前端开发。要录1000集免费前端视频的傻X。此地维权无门，此时无能为力，此心随波逐流。
        <Divider>社交账号</Divider>
        <Avatar size={28} icon={<GithubOutlined/>} className="account"  />
        <Avatar size={28} icon={<QqOutlined/>}  className="account" />
        <Avatar size={28} icon={<WechatOutlined/>}  className="account"  />
      </div>
    </div>
  )
}

export default Author